<script setup>
const props = defineProps({
  loadShow: {
    type: Boolean,
    required: true,
    default: false
  }
})
</script>

<template>
  <div class="load-a" v-show="loadShow">
    <div class="load-b"><img src="@/assets/img/5.svg" width="50" alt="加载中..." /></div>
  </div>
</template>

<style scoped>
.load-a {width: 100%; height:100%; overflow: hidden; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; position: fixed; background-color: rgba(0, 0, 0, .3);}
.load-b {position: absolute; top: calc(50% - 1.25em); left: calc(50% - 1.25em);}
</style>